﻿@model GPS.ENTITYS.ViewModelQLPT
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Quản lý phương tiện";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<style>
    .control-label {
        font-weight: bold;
        background-color: #ffffff !important;
        /*text-align: right;*/
    }

    .control-txt {
        float: left;
        background-color: #ffffff !important;
        /*text-align: left;*/
    }
</style>
<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Quản lý phương tiện</h3>
    <div class="row">
        @using (Html.BeginForm("Index", "GPS_PhuongTien", FormMethod.Get))
        {
            <div class="row">
                <div class="list-group">
                    <fieldset class="fs_body">
                        <input type="hidden" id="CheckUser" value="@ViewBag.checkuser" />
                        <legend class="head_title">Điều Kiện Tìm Kiếm</legend>

                        <div class="row">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pPT_DVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })
                                <span id="rDataDVGTVT_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pPT_DVGTVT_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc Tên Đơn vị  để hiển thị danh sách đơn vị </p>
                                </div>
                            </div>
                            <div class="col-md-2 control-label">
                                Biển số:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pPT_BIENSO, new { @class = "form-control", @id = "PT_BIENSO" })
                                <span id="rDataDVGTVT_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pPT_BIENSO)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc Tên Đơn vị  để hiển thị danh sách đơn vị </p>
                                </div>
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Số đăng ký:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pPT_SODK, new { @class = "form-control" })
                            </div>
                            <div class="col-md-2 control-label">
                                Trạng Thái:
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pPT_ACTIVE, new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "--Lựa Chọn--", Value=""},
                                    new SelectListItem() {Text = "Không Hiệu Lực", Value="0"},
                                    new SelectListItem() {Text = "Hiệu Lực", Value="1"}
                                }, new { @class = "form-control" })
                            </div>
                        </div>

                        @*<div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Loại xe đào tạo theo hạng:
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pPT_ACTIVE, new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "--Lựa Chọn--", Value=""},
                                    new SelectListItem() {Text = "Không Hiệu Lực", Value="0"},
                                    new SelectListItem() {Text = "Hiệu Lực", Value="1"}
                                }, new { @class = "form-control" })
                            </div>
                        </div>*@

                        <div class="row margin-top-05 btn_search">
                            <button type="submit" class="btn btn-primary btn-sm" name="SearchButton" title="Xuất Excel" value="Xuất Excel">
                                <i class='fa fa-file-excel-o'></i> In danh sách xe tập lái
                            </button>
                            <button type="submit" class="btn btn-warning btn-sm" name="SearchButton" value="Tìm kiếm" id="btnSearch">
                                <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                            </button>
                        </div>
                    </fieldset>
                </div>

            </div>
            <div class="row">
                <fieldset class="fs_body">
                    <legend class="head_title">Kết quả tìm kiếm</legend>
                    <div class="divbtnFielset">
                        <div>
                            <div class="col-md-2 control-label">
                                Số bản ghi:
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pROW, new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "50 bản ghi", Value="50"},
                                    new SelectListItem() {Text = "100 bản ghi", Value="100"},
                                    new SelectListItem() {Text = "200 bản ghi", Value="200"},
                                    new SelectListItem() {Text = "200 bản ghi", Value="500"},
                                    new SelectListItem() {Text = "Tất cả bản ghi", Value="1000000"}
                                }, new { @class = "form-control" })
                            </div>
                        </div>
                        <div style="float: right;">

                            <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                        </div>
                    </div>
                    <div style="clear:both; padding: 5px 0;">
                        <table class="table table-striped table-hover table-bordered table-condensed">
                            <tr>
                                <th>
                                    STT
                                </th>
                                <th>
                                    Biển số
                                </th>
                                @*<th>
                                        Hình ảnh
                                    </th>*@
                                <th>
                                    Hãng xe
                                </th>
                                <th>
                                    Nhãn hiệu
                                </th>
                                <th>
                                    Loại xe
                                </th>
                                <th>
                                    Số máy
                                </th>
                                <th>
                                    Năm SX
                                </th>
                                @*<th>
                                    Loại xe
                                </th>*@
                                <th>
                                    Thao tác
                                </th>
                            </tr>
                            @{
            if (Model.SearchResults != null)
            {
                foreach (var item in Model.SearchResults)
                {
                    <tr>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.STT)
                        </td>
                        <td align="left">
                            @Html.DisplayFor(modelItem => item.PT_BIENSO)
                        </td>
                        @*<td align="center">
                                    @{
                            String img64Url = string.Empty;
                            if (item.PT_ANHXE != null)
                            {
                                String img64 = Convert.ToBase64String(item.PT_ANHXE);
                                img64Url = string.Format("data:image/" + item.PT_ANHXE + ";base64,{0}", img64);
                            }

                                    }
                                    <img src="@img64Url" width="50" height="50" />
                                </td>*@
                        <td align="left">
                            @Html.DisplayFor(modelItem => item.PT_HANGXE)
                        </td>
                        <td align="left">
                            @Html.DisplayFor(modelItem => item.PT_MACXE)
                        </td>
                        <td align="left">
                            @Html.DisplayFor(modelItem => item.PT_LOAIXE)
                        </td>
                        <td align="left">
                            @Html.DisplayFor(modelItem => item.PT_SOMAY)
                        </td>
                        <td align="center">
                            @Html.DisplayFor(modelItem => item.PT_NAMSX)
                        </td>
                        @*<td align="center">
                            @Html.DisplayFor(modelItem => item.PT_LOAIXE)
                        </td>*@
                        <td align="center">
                            <a href="@Url.Action("Detail", "GPS_PhuongTien", new { id = item.PT_ID })" data-modal="">
                                <img src="@Url.Content("~/fonts/grid-view-icon.png")" title="Xem chi tiết phương tiện" />
                            </a>
                            <a href="@Url.Action("ExportWord", "GPS_PhuongTien", new { id = item.PT_ID })">
                                <img src="@Url.Content("~/fonts/word.png")" title="In chi tiết phương tiện" />
                            </a>
                        </td>
                    </tr>
                }
            }
                            }

                        </table>
                    </div>

                    <div class="pagination-sm" style="clear:both; padding: 5px 0;">
                        @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
   {
       page,
       Model.pPT_BIENSO,
       Model.pPT_SODK,
       Model.pPT_DVGTVT_MA,
       Model.pPT_ACTIVE,
       Model.pROW,
       Model.SearchButton
   }))
                    </div>
                </fieldset>
            </div>
        }
    </div>
</div>


<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/modalform")
    <script src="~/Scripts/check_user.js"></script>
}
<script>
    $(document).ready(function () {

        $("#DVGTVT_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_HocVien/AutoCompleteDVGTVT_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
                        }))
                    }
                })
            },
            messages: {
                noResults: "", results: ""
            }
        }).click(function () {
            $(this).val("");
            $(this).autocomplete("search");
        });

        $("#PT_BIENSO").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_PhuongTien/AutoCompleteBIEN_SO",
                    type: "POST",
                    dataType: "json",
                    data: {
                        term: request.term,
                        dvgtvt_ma: $("#DVGTVT_MA").val()
                    },
                    minLength: 2,
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.PT_BIENSO, value: item.PT_BIENSO };
                        }))
                    }
                })
            },
        }).click(function (event, ui) {
            var _val = $("#DVGTVT_MA").val();
            if (_val == null) {
                alert('Bạn phải nhập đơn vị đào tạo');
            }
            $(this).val("");
            $(this).autocomplete("search");
        });
    })
</script>
